<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>区域列表</title>
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
    {CSS href="__ADDONSTATIC__css/font.css" /}
    {CSS href="__ADDONSTATIC__css/xadmin.css" /}
    {js href='__ADDONSTATIC__js/jquery-3.2.1.min.js' /}

    {js href='__ADDONSTATIC__js/xadmin.js' /}
    {js href='__ADDONSTATIC__js/util.js' /}
    {js href='__ADDONSTATIC__lib/layui/layui.js' /}
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <div class="x-body" id="app">
        <xblock>
            <button class="layui-btn" onclick="x_admin_show('添加区域','{:addonUrl('Area/addPage')}')"><i class="layui-icon"></i>添加区域
            </button>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
               href="javascript:location.replace(location.href.slice(0,location.href.indexOf('mid')+5));" title="刷新">
                <i class="layui-icon" style="line-height:30px">ဂ</i></a>
        </xblock>
        <table class="layui-table">
            <thead>
            <tr>
                <th>序号</th>
                <th>地区</th>
                <th>工程负责人</th>
                <th>总负责人</th>
                <th>操作</th>
            </thead>
            <tbody>
            {volist name='list' id='l'}
            <tr>
                <td>{$i}</td>
                <td>{$l.area_name}</td>
                <td>
                    {$l.engineer.name}
                </td>
                <td>
                    {$l.manager.name}
                </td>
                <td>
                    <a title="编辑" onclick="x_admin_show('编辑','{:addonUrl('Area/updatePage')}?id={$l.id}')"
                       href="javascript:;">
                        <i class="layui-icon">&#xe642;</i>
                    </a>
                </td>
            </tr>
            {/volist}
            </tbody>
        </table>
    </div>

    <script>

    </script>
</body>

</html>